<%@include file="cabecera.jsp"%>

<!-- main begins-->	
	<div class="main">	
	
<!-- main content begins-->		
<!-- NOTA: este bloque cambia para TODAS las paginas-->
		<div class="content">
			<table>
			<tr><td class="filter">
				<div class="blockheader">
					<bean:message key="listaCitas.filtro"/>
				</div>
				<form action="citas.html">
				<table class="block">
					<tr><td>
					<h1><bean:message key="listaCitas.filtro.personales"/></h1>
					</td><td><input type="checkbox" name="personales"></td>
					</tr>
					<tr><td>
					<h1><bean:message key="listaCitas.filtro.grupo1"/></h1>
					</td><td><input type="checkbox" name="grupo1"></td>
					</tr>
					<tr><td>
					<h1><bean:message key="listaCitas.filtro.grupo2"/></h1>
					</td><td><input type="checkbox" name="grupo2"></td>
					</tr>
					<tr><td>
					<h1><bean:message key="listaCitas.filtro.calendario1"/></h1>
					</td><td><input type="checkbox" name="calendario1"></td>
					</tr>
					<tr><td>
					<h1><bean:message key="listaCitas.filtro.calendario2"/></h1>
					</td><td><input type="checkbox" name="calendario4"></td>
					</tr><tr><td class="center"><input type="submit" value="Filtrar" class="button" /></td><td></td>
					</tr>
				</table>
				</form>
				<div class="blockfooter">
					<div class="left"></div><div class="right"></div>
				</div>
				
			</td><td>
				<%@include file="calendarioMensual.jsp"%>
				<p></p>
				<div class="blockheader">
					<bean:message key="listaCitas.filtro.proximas"/>
				</div>
				<table class="block" width="100%">
					<tr><td>
									
					<html:form action="/operarCita.isp" method="post">
	
						<html:hidden property="idCita"/>
						<html:hidden property="operacion"/>
						
							<table>
								<tr>
									<th align="center">
										<bean:message key="registroCita.acciones"/>
									</th>
									<th align="center">
										<bean:message key="registroCita.titulo"/>
									</th>
									<th align="center">
										<bean:message key="registroCita.fechaInicio"/>
									</th>
									<th align="center">
										<bean:message key="registroCita.fechaFin"/>
									</th>
									<th align="center">
										<bean:message key="registroCita.publico"/>
									</th>
								</tr>
								
									<c:choose>
										<c:when test="${not empty citasForm.listaCitas}"> 
					
											<c:forEach items="${citasForm.listaCitas}" var="cita">
												<tr>
													<td align="center" class="ico">
														<img src="resources/img/edit.png"
														onclick='javascript:modificarCita(<c:out value="${cita.idCita}"/>);'
														alt="Modificar Cita"/>
														<img src="resources/img/delete.png"
														onclick='javascript:borrarCita(<c:out value="${cita.idCita}"/>);'
														alt="Borrar Cita"/>	
													</td>
													<td align="center" class="name">
														<c:out value="${cita.nombre}"/>											
													</td>
													<td align="center" class="name">
														<fmt:formatDate value="${cita.fechaInicioDate}" pattern="dd/MM/yyyy HH:mm:ss" />									
													</td>
													<td align="center" class="name">
														<fmt:formatDate value="${cita.fechaFinDate}" pattern="dd/MM/yyyy HH:mm:ss" />								
													</td>
													<td align="center" class="name">
														<c:out value="${cita.publico}"/>											
													</td>
													
												</tr>												
											</c:forEach>
					
										</c:when>
										<c:otherwise>
											<tr colspan="3">
												<td><span> <bean:message key="error.noExistenCitas"/> </span></td>
											</tr>
										</c:otherwise>
									</c:choose>
								
								<tr>
									<td>
										<a href="javascript:history.back()" class="button"><bean:message key="registroCita.volver"/></a>
									</td>
								</tr>
								
							</table>
						</html:form>
					
					</td>
					</tr>
				</table>
				<div class="blockfooter">
					<div class="left"></div><div class="right"></div>
				</div>
			</td></tr>
			</table>
			
		</div>
<!-- main content ends-->

<!-- sidebar begins-->
<!-- NOTA: este bloque es igual en todas las paginas excepto en contactos, citas y opciones que no tendran la clase "invisible" correspondiente-->
		<div class="sidenav">
			<!--menu begins-->
			<%@include file="menu.jsp"%>
			<!--menu ends-->
			
		</div>
<!-- sidebar ends-->

		<div class="clearer"><span></span></div>
		
	</div>

</div>
<!-- main ends-->	

<%@include file="pie.jsp"%>
